﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="Generator" content="Serif WebPlus X5 (13.0.0.016)">
<meta http-equiv='X-UA-Compatible' content='IE=EmulateIE8' ><title>Home</title>
<script type="text/javascript">
function validate_form_8( form )
{
    if( ltrim(rtrim(form.elements['NAME'].value,' '),' ')=="" ) { alert("Please give your name"); form.elements['NAME'].focus(); return false; }
    if(!ValidateEmail(form.elements['EMAIL'].value)) { alert("Please give your e-mail address"); form.elements['EMAIL'].focus(); return false; }
    return true;
}
</script>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript"> 
$(document).ready(function() {
$(".signInSlide").click(function(){
	hideDisplayMessage();
	$(".signInSlide").hide();
    $("#login_box").slideToggle("slow");
    
  });
$(".showChangePassword").click(function(){
	hideDisplayMessage();
	$("#login_box").hide();
	//$("#changepass_box").show();
	$(".signInSlide").hide();
    $("#changepass_box").slideToggle("slow");
    
  });
  
	$(".showForgotPassword").click(function(){
		$(".signInSlide").hide();
	});

$(".signInSlideInner").click(function(){
	hideDisplayMessage();
	$("#changepass_box").hide();
	$("#forgotpass_box").hide();
	$(".signInSlide").hide();
	$("#login_box").slideToggle("slow");
	
  });
});

function ajaxChangePassword()
{
	alert('in change pwd');
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
	alert(xmlhttp.readyState);
	alert(xmlhttp.status);
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
	  
    hideLoader();
    var msgText;
    if(xmlhttp.responseText == 1) {
    	msgText = 'Password Changed Successfully';
    } else {
    	msgText = 'Invalid UserId or Old Password';
    }
    document.getElementById("displayMessage").innerHTML = '<h4><b id="login_message">' + msgText + '</b></h4><br><center><input type=button value=OK onclick=hideDisplayMessageToSignIn()></center>';
    
    
    if(xmlhttp.responseText == 1 ) {
    	//$("#displayMessage").toggle(speed,showDisplayMessage(1));
    	showDisplayMessage(1); 
    } else {
    	//$("#displayMessage").toggle(speed,showDisplayMessage(0));
    	showDisplayMessage(0);
    }
    document.getElementById("member").style.display = 'none';
    }
  }
  var userId = document.getElementById("userIdChangePasswd").value;
  var oldPassword = document.getElementById("oldPassword").value;
  var newPassword = document.getElementById("newPassword").value;
  alert('before send');
xmlhttp.open("POST","./changepass?aUserId="+userId+"&aOldPassword="+oldPassword+"&aNewPassword="+newPassword,true);
xmlhttp.send();
}
function ajaxForgotPassword() {
	var xmlhttp;
	if (window.XMLHttpRequest)
	  {// code for IE7+, Firefox, Chrome, Opera, Safari
	  xmlhttp=new XMLHttpRequest();
	  }
	else
	  {// code for IE6, IE5
	  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	  }
	xmlhttp.onreadystatechange=function()
	  {
	  if (xmlhttp.readyState==4 && xmlhttp.status==200)
	    {
	    hideLoader();
	    var msgText;
	    if(xmlhttp.responseText == 1) {
	    	msgText = 'Password Reset Successfully';
	    } else {
	    	msgText = 'Your Secret Answer is Wrong';
	    }
	    //document.getElementById("displayMessage").innerHTML = '<h4><font color=red>' + msgText + '</font></h4>';
	    document.getElementById("displayMessage").innerHTML = '<b id="login_message">' + msgText + '</b><br><center><input type=button value=OK onclick=hideDisplayMessageToSignIn()></center>';
	    if(xmlhttp.responseText ==1 ) {
	    	showDisplayMessage(1); 
	    } else {
	    	showDisplayMessage(0);
	    }
	    document.getElementById("member").style.display = 'none';
	    }
	  }
	  var userId = document.getElementById("userIdforgotPasswd").value;
	  var secAns = document.getElementById("secAns").value;
	  var newPassword = document.getElementById("newForgotPassword").value;
	  
	xmlhttp.open("POST","./forgotpass?aUserId="+userId+"&aNewPassword="+newPassword+"&aSecAns="+secAns,true);
	xmlhttp.send();	
}
function changePasswdSuccess() {
	document.getElementById("changepass_box").style.display = 'none';
}
function showDisplayMessage(changeScreen) {
	//document.getElementById("displayMessage").style.display = 'block';
	alert('in display mess func');
	$("#displayMessage").slideToggle("slow");
//	var hide = function hideDisplayMessage() {
//		if(changeScreen == 1) {
//			hideForgotPasswd();
//			hideChangePasswd();
//			signIn();
//			document.getElementById("displayMessage").innerHTML= '';
//			document.getElementById("displayMessage").style.display = 'none';
//		} else {
//			document.getElementById("displayMessage").innerHTML= '';
//			document.getElementById("displayMessage").style.display = 'none';
//		}
//	}
//	window.setTimeout(hide, 2000);
}

function hideDisplayMessage() {
	document.getElementById("displayMessage").innerHTML= '';
	document.getElementById("displayMessage").style.display = 'none';
}
function hideDisplayMessageToSignIn() {
	document.getElementById("displayMessage").innerHTML= '';
	document.getElementById("displayMessage").style.display = 'none';
	hideForgotPasswdNoSignIn();
	hideChangePasswdNoSignIn();
	signIn();
}
function signIn() {
	//hideDisplayMessage();
	document.getElementById("login_box").style.display = 'block';
}

function closeLogin() {
	document.getElementById("login_box").style.display = 'none';
	document.getElementById("member").style.display = 'block';
}
function closeLoginForgotPassword() {
	document.getElementById("login_box").style.display = 'none';
	document.getElementById("member").style.display = 'none';
}
function showLoader(formNo) {
	document.getElementById("loader").style.display = 'block';
	window.setTimeout(submit(formNo), 10000);
}
function hideLoader() {
	document.getElementById("loader").style.display = 'none';
}
function submit(formNo) {
	if(document.forms[formNo] != undefined) {
		if(formNo == 0) {
			if(validateSignIn()) {
				document.forms["login_form"].submit();
			}				
		}
		if(formNo == 1) {
			if(validateChangePasswd()) {
				ajaxChangePassword();
			}				
		}
		if(formNo == 2) {
			alert('in form 2');
			if(validateForgotPasswd()) {
				ajaxForgotPassword();
			}
		}
	} else {
		alert("OOPS!!! Some Internal Error Occured Please contact your administrator");
	}
}

function showChangePasswd() {
	closeLogin();
	document.getElementById("changepass_box").style.display = 'block';
}
function hideChangePasswd() {
	document.getElementById("changepass_box").style.display = 'none';
	signIn();
}
function hideChangePasswdNoSignIn() {
	document.getElementById("changepass_box").style.display = 'none';
	
}
function showForgotPasswd() {
	document.getElementById("member").style.display = 'none';
	if(validatedForgotPasswordUserId()) {
		ajaxGetSecQuestion();
	} else {
		return false;
	}
}
function hideForgotPasswd() {
	document.getElementById("forgotpass_box").style.display = 'none';
	signIn();
}

function hideForgotPasswdNoSignIn() {
	document.getElementById("forgotpass_box").style.display = 'none';
}

function ajaxGetSecQuestion() {
	var xmlhttp;
	if (window.XMLHttpRequest)
	  {// code for IE7+, Firefox, Chrome, Opera, Safari
	  xmlhttp=new XMLHttpRequest();
	  }
	else
	  {// code for IE6, IE5
	  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	  }
	xmlhttp.onreadystatechange=function()
	  {
	  if (xmlhttp.readyState==4 && xmlhttp.status==200)
	    {
	    hideLoader();
	    closeLoginForgotPassword();
	    
	    	hideDisplayMessage();
	    	$("#login_box").hide();
	    	//$("#changepass_box").show();
	        $("#forgotpass_box").slideToggle("slow");
	    //document.getElementById("forgotpass_box").style.display = 'block';
		document.getElementById("userIdforgotPasswd").value = document.getElementById("userId").value;
		document.getElementById("secQues").value = xmlhttp.responseText;
		document.getElementByID("member").style.display = 'none';
	    }
	  }
	  var userId = document.getElementById("userId").value;
	  
	xmlhttp.open("POST","./forgotpassretrievesecques?aUserId="+userId, true);
	xmlhttp.send();
}

function validatedForgotPasswordUserId() {
	if(document.getElementById("userId").value == '') {
		alert("Please enter your User Id to Reset Password");
		return false;
	}
	return true;
}
function validateForgotPasswd() {
	alert('in validateforgot passsword');
		if(document.getElementById("secAns").value == '' || document.getElementById("newForgotPassword").value == '' || 
			document.getElementById("confirmForgotPassword").value == '') {
		alert("Please Enter All Mandatory Fields");
		hideLoader();
		return false;
	} else if(document.getElementById("newForgotPassword").value != document.getElementById("confirmForgotPassword").value) {
		alert("New Password and Confirm Password do not match");
		hideLoader();
		return false;
	}
	alert('end validate forgot password');
	return true;
}
function validateChangePasswd() {
	if(document.getElementById("oldPassword").value == '' || document.getElementById("newPassword").value == '' || 
			document.getElementById("confirmPassword").value == '' || document.getElementById("userIdChangePasswd").value == '' ) {
		alert("Please Enter All Mandatory Fields");
		hideLoader();
		return false;
	} else if(document.getElementById("newPassword").value != document.getElementById("confirmPassword").value) {
		alert("New Password and Confirm Password do not match");
		hideLoader();
		return false;
	}
	return true;
}
function validateSignIn() {
	if(document.getElementById("password").value == '' || document.getElementById("userId").value == '' ) {
		alert("Please Enter both UserId and Password");
		hideLoader();
		return false;
	}
	return true;
}

</script>
<style type="text/css">
	html,body,p {margin:0;padding:0}
	body  { margin: 0;padding: 0; font-family: Tahoma,Verdana,arial,sans-serif; font-size: 10pt; color: #666; }	
	a{ color: #666; text-decoration:underline;}	
	div#page_header {height:80px; margin:0;padding-left:10px;background: #EEE url("/xmas/page_header_all.png") repeat-x  scroll top;}
	form {margin:0px;}
	
	div#content p{ text-align:justify; margin:10px 0px 10px 0px;}
	div#left_contents{}
	div#right_contents{ }
	div#page_footer { background:url("/xmas/page_footer_all.png") repeat-x scroll top; }
	div#page_footer p{ margin:0;padding:5px 10px; color: #fff; padding-top: 20px; text-align:center; font-size:8pt;}
	div#page_footer a{ color: #fff; }
	
	div#left_contents{ position:absolute; width:250px; left:0px; }
	div#wrapper{ float:left;width:100%}
	div#content{margin: 0 250px;}
	div#right_contents{float:left;width:250px;margin-left:-250px;}	
	div#page_footer{ clear:left;width:100%; height:80px;}
		
	/* Swatches */
	#swatches     { margin:0px; padding:10px 0px 0px 10px;}
	div.swatch a  { width: 12px; height:12px; margin:2px; border: 1px solid white; float:left; padding:0px;}
	div.swatch a:hover  { border: 2px solid white; }

	/* Navigation */
	ul#navlist    { margin: 0px 30px 0px 0px; white-space: nowrap; }
	#navlist li   { display: inline; list-style-type: none; float: right; margin: 1px; }
	#navlist a    { padding: 3px 10px;  }
	#navlist a:link, #navlist a:visited { color: #fff; text-decoration: none; /* Orange*/ background-color: #C60; /* Green*/ background-color: #060; /* Gray*/  background-color: #366;  }
	#navlist a.c2 { /* Orange*/ background-color: #F60;	/* Green*/ background-color: #090;	/* Gray*/ background-color: #699; }
	#navlist a:hover { color: #fff; text-decoration: none;/* Orange */ background-color: #CC9900; /* Green */	background-color: #6C6; /* Green */ background-color: #6cc;}
	div.filler { width:20px;height:1px;float:right;}
	
	/*Others */
	img.inset { float:left; margin:0px 10px 10px 0px;}
	img {border:none; padding:0px; }
	p.quote  { font-family: "Times"; font-size: 11pt; margin:20px 30px 20px 30px; line-height:1.2; }
	p.quote b { color:#999; font-size:13pt; }		
	
	
	/* Tooltip */
	.tip            { width:295px; font-family:tahoma,arial; background:url(/images/fashion/background/tip-text.png) left top repeat-y; }  
	.tip-top        { background:url(/images/fashion/background/tip-top.png) top left no-repeat; height:26px; width:295px; }  
	.tip-title      { color:#e95e25; font-weight:bold; margin:0 30px 0 50px; }  
	.tip-text       { color:#000; padding:10px 30px 0px 50px; }  
	.tip-bottom     { background:url(/images/fashion/background/tip-bottom.png) left bottom no-repeat; width:295px; height:58px; }
	
	
	h1#captionheading {margin: 0px 30px 0px 0px;position:relative;z-index:1; font-family: fantasy; text-decoration: none; text-shadow: aqua; text-transform: capitalize;  }	
	
	#displayMessage {color: #F00;border-top-width: medium;border-right-width: medium;
						border-bottom-width: medium;
						border-left-width: medium;border-top-style: solid;
						border-right-style: solid;border-bottom-style: solid;
						border-left-style: solid;border-top-color: #CCC;
						border-right-color: #333;border-bottom-color: #333;
						border-left-color: #CCC;cursor: default;width: 250px;
						}
	
</style>

<style type="text/css">
body {margin: 0px; padding: 0px;}
.Placeholder-C
{
    font-family:"Arial", sans-serif; font-size:12.0px; line-height:1.83em;
}
.Placeholder-C-C0
{
    font-family:"Eras Demi ITC", sans-serif; color:#070707; font-size:24.0px; line-height:1.17em;
}
.Box-Text-C
{
    font-family:"Trebuchet MS", sans-serif; font-size:12.0px; line-height:1.92em;
}
.Placeholder-C-C1
{
    font-family:"Eras Demi ITC", sans-serif; color:#070707; font-size:32.0px; line-height:1.13em;
}
.Placeholder-C-C2
{
    font-family:"Trebuchet MS", sans-serif; font-size:12.0px; line-height:1.92em;
}
.Placeholder-C-C3
{
    font-family:"Eras Demi ITC", sans-serif; color:#9f9fff; font-size:24.0px; line-height:1.17em;
}
.Placeholder-C-C4
{
    font-family:"Trebuchet MS", sans-serif; color:#ff00ff; font-size:12.0px; line-height:1.92em;
}
.Quote-C
{
    font-family:"Eras Demi ITC", sans-serif; color:#0000ef; font-size:23.0px; line-height:1.13em;
}
.Quote-C-C0
{
    font-family:"Eras Demi ITC", sans-serif; color:#070707; font-size:23.0px; line-height:1.13em;
}
.Quote-C-C1
{
    font-family:"Georgia", serif; color:#ffffff; font-size:23.0px; line-height:1.17em;
}
.Quote-C-C2
{
    font-family:"Georgia", serif; color:#b500b5; font-size:27.0px; line-height:1.15em;
}
.Quote-C-C3
{
    font-family:"Georgia", serif; color:#070707; font-size:23.0px; line-height:1.17em;
}
.Quote-C-C4
{
    font-family:"Georgia", serif; color:#0000ff; font-size:27.0px; line-height:1.15em;
}
.Quote-C-C5
{
    font-family:"Georgia", serif; color:#333333; font-size:27.0px; line-height:1.15em;
}
.Quote-C-C6
{
    font-family:"Georgia", serif; color:#333333; font-size:23.0px; line-height:1.17em;
}
.Body-C
{
    font-family:"Eras Demi ITC", sans-serif; font-weight:700; color:#ff00ff; font-size:16.0px; line-height:1.19em;
}
.Body-C-C0
{
    font-family:"Eras Demi ITC", sans-serif; font-size:16.0px; line-height:1.19em;
}
.Body-C-C1
{
    font-family:"Eras Demi ITC", sans-serif; font-weight:700; color:#28aae2; font-size:16.0px; line-height:1.19em;
}
.Body-C-C2
{
    font-family:"Eras Demi ITC", sans-serif; font-weight:700; color:#425766; font-size:16.0px; line-height:1.19em;
}
.Body-C-C3
{
    font-family:"Verdana", sans-serif; color:#425766; font-size:16.0px; line-height:1.13em;
}
.Button1,.Button1:link,.Button1:visited{background-position:0px 0px;text-decoration:none;display:block;position:absolute;background-image:url(wpimages/wpe7c58a66_06.png);}
.Button1:focus{outline-style:none;}
.Button1:hover{background-position:0px -100px;}
.Button1:active{background-position:0px -50px;}
.Button1 span,.Button1:link span,.Button1:visited span{color:#000000;font-family:Arial,sans-serif;font-weight:normal;text-decoration:none;text-align:center;text-transform:none;font-style:normal;left:2px;top:14px;width:107px;height:18px;font-size:14px;display:block;position:absolute;cursor:pointer;}
</style>
<script type="text/javascript" src="wpscripts/jspngfix.js"></script>
<link rel="stylesheet" href="wpscripts/wpstyles.css" type="text/css">
<script type="text/javascript">var blankSrc = "wpscripts/blank.gif";
</script>
</head>

<body text="#000000" style="background-color:#ffffff; text-align:center; height:1250px;">
<div style="background-color:#e0e0e0;text-align:left;margin-left:auto;margin-right:auto;position:relative;width:1000px;height:1250px;">
<div id="txt_18" style="position:absolute;left:82px;top:1197px;width:835px;height:51px;overflow:hidden;">
<p class="Wp-Copyright-P"><span class="Placeholder-C"> © WEBlivePOS Limited, Singapore</span></p>
</div>
<img src="wpimages/wp0d347860_06.png" width="1000" height="600" border="0" id="pcrv_1" alt="" onload="OnLoadPngFix()" style="position:absolute;left:0px;top:0px;">
<img src="wpimages/wp78c44eca_05_06.jpg" width="972" height="391" border="0" id="pic_4" alt="" style="position:absolute;left:16px;top:107px;">
<img src="wpimages/wp03278c35_06.png" width="1000" height="425" border="0" id="qs_57" alt="" onload="OnLoadPngFix()" style="position:absolute;left:0px;top:579px;">
<div id="txt_34" style="position:absolute;left:366px;top:624px;width:267px;height:36px;overflow:hidden;">
<p class="Wp-Information-P"><span class="Placeholder-C-C0">Online &amp; Offline</span></p>
</div>
<div id="txt_37" style="position:absolute;left:367px;top:666px;width:267px;height:89px;overflow:hidden;">
<p class="Wp-Box-Text-P"><span class="Box-Text-C">WEB live POS continues to work even if your internet connection doesn&#39;t. Your data
    will automatically synchronize the next time you connect.</span></p>
</div>
<img src="wpimages/wpf985bf1d_06.png" width="309" height="171" border="0" id="qs_53" alt="" onload="OnLoadPngFix()" style="position:absolute;left:24px;top:603px;">
<div id="txt_32" style="position:absolute;left:45px;top:617px;width:267px;height:346px;overflow:hidden;">
<p class="Wp-Quote-02-P"><span class="Placeholder-C-C0">Works On Any Device</span><span class="Placeholder-C-C1">. </span></p>
</div>
<div id="txt_36" style="position:absolute;left:52px;top:665px;width:267px;height:91px;overflow:hidden;">
<p class="Wp-Box-Text-P"><span class="Placeholder-C-C2">All you need is a web browser. WEB live POS works with equipment you already own,
    including barcode scanners, cash drawers </span></p>
<p class="Wp-Box-Text-P"><span class="Placeholder-C-C2">and receipt printers.</span></p>
</div>
<div id="txt_35" style="position:absolute;left:689px;top:628px;width:267px;height:40px;overflow:hidden;">
<p class="Wp-Information-P"><span class="Placeholder-C-C3">Your Data is Safe</span></p>
</div>
<div id="txt_38" style="position:absolute;left:689px;top:678px;width:267px;height:73px;overflow:hidden;">
<p class="Wp-Box-Text-P"><span class="Placeholder-C-C4">We automatically back up your data several times a day, on secure cloud servers.
    So it&#39;s protected, and can only be accessed by you.</span></p>
</div>
<a href="#"><img src="wpimages/wp5533b116.gif" width="20" height="20" border="0" id="hs_13" alt="" style="position:absolute;left:614px;top:733px;"></a>
<a href="#"><img src="wpimages/wp5533b116.gif" width="20" height="20" border="0" id="hs_14" alt="" style="position:absolute;left:935px;top:734px;"></a>
<img src="wpimages/wp9317d8fe_06.png" width="937" height="200" border="0" id="qs_66" alt="" onload="OnLoadPngFix()" style="position:absolute;left:28px;top:779px;">
<div id="txt_46_C01" style="position:absolute;left:59px;top:798px;width:547px;height:156px;">
    <div class="Wp-Quote-P">
        <span class="Quote-C">Point-of-sale for <br></span>
        <span class="Quote-C">“Smarter Stores”.<br></span>
        <span class="Quote-C-C0"></span></div>
</div>

<br>
<hr>
<br>
<ul id="navlist"><li><a id="member"  name="member" href="#member" class="signInSlide" style="position:absolute; left:775px; top:875px; width:50px;">Sign In</a></li></ul><div class="filler"></div>
<br>
<br>
<br>
<br>
<div id="right_contents">	
	<div id="login_box" style="display:none;z-index:5;position:absolute; left:775px; top:780px; width:500px;">	
		<small><img src="secure.gif" alt="secure login"><b id="login_message"> Employee Login</b></small>
		<a href="#member"><img id="login_close" src="close.gif" style="padding-left:25px;margin-top:-20px;" onclick = "closeLogin();"></a>
		<form  id="login_form" name="login_form" action="./login" method="post" style="margin-top:5px;">
			<div style="padding-left:10px;">
				<small>Employee id*</small><br/>
				<input id="userId" name="userId" size="16" style="width:150px;"><br/>			
				<small>Password*</small><br/>
				<input id="password" type="password" size="16" name="password" style="width:150px;"><br/>
				<input id="timezone_offset" name="timezone_offset" type="hidden" value="" /><br>
				<ul id="navlist"><li><a id="login"  href="#member" class="c1" style="position:relative; left:-300px; top:40px; width:100px;" onclick = "showLoader(0)">LogIn</a></li></ul>
				<!--   <input id="login" type="button" value="Login" onclick="showLoader()">  -->
				<small><a href="#member" class ="showForgotPassword" onclick = "showForgotPasswd()">Forget Password?</a></small>
				<small><a href="#member" class="showChangePassword" >Change Password</a></small>
			</div>									     
		</form>
	</div>
</div>

<div id="right_contents">	
	<div id="changepass_box" style="display:none;position:relative;z-index:5;position:absolute; left:775px; top:780px; width:500px;">	
		<small><b id="login_message"> Change Password</b></small>
		<a href="#member"><img id="login_close" src="close.gif" style="padding-left:25px;margin-top:-20px;" onclick = "hideChangePasswd();"></a>
<form  id="changepass_form" name = "changepass_form" action="./changepass" method="post" style="margin-top:5px;">
			<div style="padding-left:10px;">
				<small>User id*</small><br/>
				<input id="userIdChangePasswd" type="text" name="userIdChangePasswd" size="16" style="width:150px;"><br/>			
				<small>Old password*</small><br/>
				<input id="oldPassword" type="password" size="16" name="oldPassword" style="width:150px;"><br/>
				<small>New password*</small><br/>
				<input id="newPassword" type="password" size="16" name="newPassword" style="width:150px;"><br/>
				<small>Confirm password*</small><br/>
				<input id="confirmPassword" type="password" size="16" name="confirmPassword" style="width:150px;"><br/><br>
				<ul id="navlist"><li><a id="changepassbutton"  href="#member" class="c1" onclick = "showLoader(1)" style="position:relative; left:-300px; top:0x; width:50px;">Change Password</a>
			<!--  	<a id="backbutton"  href="#" class="c1" class="signInSlideInner" style="position:relative; left:-280px; top:0px; width:50px;">Sign In</a> --> </ul>
			</div>								     
		</form>
	</div>
</div>

<div id="right_contents">	
	<div id="forgotpass_box" style="display:none;position:relative;z-index:5;position:absolute; left:775px; top:780px; width:500px;">	
		<small><b id="login_message"> Forgot Password</b></small>
		<a href="#member"><img id="login_close" src="close.gif" style="padding-left:25px;margin-top:-20px;" onclick = "hideForgotPasswd();"></a>
<form  id="forgotpass_form" name="forgotpass_form" action="./forgotpass" method="post" style="margin-top:5px;">
			<div style="padding-left:10px;">
				<small>User id</small><br/>
				<input id="userIdforgotPasswd" type="text" name="userIdforgotPasswd" size="16" style="width:150px;" disabled><br/>			
				<small>Secret Question</small><br/>
				<input id="secQues" type="text" size="16" name="secQues" style="width:150px;" disabled><br/>
				<small>Secret Answer*</small><br/>
				<input id="secAns" type="text" size="16" name="secAns" style="width:150px;"><br/>
				<small>New password*</small><br/>
				<input id="newForgotPassword" type="password" size="16" name="newForgotPassword" style="width:150px;"><br/>
				<small>Confirm password*</small><br/>
				<input id="confirmForgotPassword" type="password" size="16" name="confirmForgotPassword" style="width:150px;"><br/><br>
				<ul id="navlist"><li><a id="forgotpassbutton"  href="#member" class="c1" onclick = "showLoader(2)" style="position:relative; left:-300px; top:10px; width:50px;">Reset Password</a>
				<a id="backbutton"  href="#member" class="c1" onclick = "hideForgotPasswd();" style="position:relative; left:-280px; top:10px; width:40px;">Sign In</a></ul>
			</div>									     
		</form>
	</div>
</div>

<div id="loader" style="display:none;padding-left:1000px;margin-top:120px;position:relative; left:-200px; top:650px;">
	<img src="loader.gif" alt="loader login" style="position:relative;z-index:10;"/>
</div>
<div id="displayMessage" style="display:none;padding-left:0px;margin-top:120px;z-index:10;position:relative; left:750px; top:650px;"></div>
<div id="txt_46_C02" style="position:absolute;left:62px;top:854px;width:547px;height:156px;">
    <div class="Wp-Quote-P">
        <span class="Quote-C-C1"> </span><span class="Quote-C-C2">WEB</span><span class="Quote-C-C3"> </span><span class="Quote-C-C4">live</span><span class="Quote-C-C3"> </span><span class="Quote-C-C5">POS</span><span class="Quote-C-C6"> </span><span class="Quote-C-C3">is retail web-based point-of-sale and inventory management software you will love to use.</span></div>
</div>
<img src="wpimages/wpd40db7ef_06.png" width="239" height="193" border="0" id="pic_28" alt="" onload="OnLoadPngFix()" style="position:absolute;left:0px;top:0px;">
<img src="wpimages/wp9a0dbd06_06.png" width="351" height="223" border="0" id="pic_29" alt="" onload="OnLoadPngFix()" style="position:absolute;left:649px;top:0px;">
<a href="Page 6.html#" id="btn_6" class="Button1" style="position:absolute;left:172px;top:517px;width:115px;height:50px;"><span>POS</span></a>
<a href="Page 2.html#" id="btn_9" class="Button1" style="position:absolute;left:351px;top:518px;width:115px;height:50px;"><span>Pricing</span></a>
<a href="Page 5.html#" id="btn_10" class="Button1" style="position:absolute;left:529px;top:520px;width:115px;height:50px;"><span>Conatact US</span></a>
<a href="Page 9.html#" id="btn_11" class="Button1" style="position:absolute;left:711px;top:519px;width:115px;height:50px;"><span>FAQ's</span></a>
<div id="txt_167" style="position:absolute;left:33px;top:994px;width:320px;height:166px;overflow:hidden;">
<p class="Wp-Body-P"><span class="Body-C">Products</span></p>
<p class="Wp-Body-P"><span class="Body-C-C0">&nbsp;</span></p>
<p class="Wp-Body-P"><span class="Body-C-C0">Easily add, edit and remove products, including stock changes and taxes.</span></p>
</div>
<div id="txt_168" style="position:absolute;left:359px;top:998px;width:283px;height:163px;overflow:hidden;">
<p class="Wp-Body-P"><span class="Body-C-C1">Inventory</span></p>
<p class="Wp-Body-P"><span class="Body-C-C0">&nbsp;</span></p>
<p class="Wp-Body-P"><span class="Body-C-C0">Powerful inventory management that simplifies purchase orders, </span></p>
<p class="Wp-Body-P"><span class="Body-C-C0">transfers and stock-takes.</span></p>
</div>
<div id="txt_169" style="position:absolute;left:661px;top:999px;width:281px;height:162px;overflow:hidden;">
<p class="Wp-Body-P"><span class="Body-C-C2">Point-of-Sale</span></p>
<p class="Wp-Body-P"><span class="Body-C-C3">&nbsp;</span></p>
<p class="Wp-Body-P"><span class="Body-C-C0">A modern, easy-to-use interface, built on the latest technology. </span></p>
<p class="Wp-Body-P"><span class="Body-C-C0">It&#39;s fast, responsive, and easily customized.</span></p>
</div>
</div>
</body>
</html>